<?php
$area = $this->area;
$country = $this->country;

//other country travel destination
$article = $this->article;
$otherLink = $this->otherLink;
?>
<div class="wrapper-content">
    <div class="top-title">
        <div class="content-title">
            <h2><?php echo $country['name']
                .' <img src="/static/default/images/bulleted.png" class="bulleted" style="margin-bottom:2px"> '
                . $this->translate('Travel_Destination'); ?>
            </h2>
        </div>
    </div>

    <div class="span12" id="content-right-2">
        <?php if(isset($area) && $area): ?>
        	<div class="tb-content">
	        	<?php foreach($area as $key => $value): ?>
	        		<div class="span3 vn-travel-destination" <?php if($key == 0){ echo "style='margin-left:0px;'" ;} ?>>
	       				<h4 style="line-height:25px;display:block;min-height:30px;"><a href="#.<?php echo $value['name'] ?>"><?php echo $value['name']; ?></a></h4>
	        			<ul>
	        				<?php foreach($value['list_region'] as $k => $v): ?>
	        					<li style="list-style:disc;font-weight:800;margin-left:18px"><a href="#.<?php echo $v['id'].$v['name']; ?>"><?php echo $v['name'] ?></a></li>
	        				<?php endforeach; ?>
	        			</ul>
	        		</div>
	        	<?php endforeach; ?>
        	</div>
        	<div class="travel-content">
	        	<?php foreach($area as $key => $value): ?>
	        		<h4 id=".<?php echo $value['name'] ?>"><?php echo $value['name'] ?></h4>
	    			<?php foreach($value['list_region'] as $k => $v): ?>
	       				<h5 id=".<?php echo $v['id'].$v['name']; ?>" class="travel-title"><?php echo $v['title']; ?></h5>
	        			<?php echo $v['detail']; ?>		
	        			<span style="display:block;width:100%;height:20px;"><a href="#top" style="float:right;background: url('/static/default/images/go_top.jpg') no-repeat;padding-left:80px;text-indent:-9999px"><?php echo $this->translate('Back_to_top'); ?></a></span>
	        		<?php endforeach; ?>
	        	<?php endforeach; ?>
        	</div>
        <?php elseif($article): ?>
	    	 <!--<div class="content-right-2-title">
	    		<h4><?php //echo $article['title'] ?></h4>
	    	</div> -->
	    	<div class="content-right-2-content detail-article">
	            <?php echo $article['detail']; ?>
	        </div>
		    <?php else: ?>
	    	<div class="" style="width:700px;margin-left:30px;">
	    		<h4><?php echo "Updating_data" ?></h4>
	    	</div>
		    <?php endif; ?>
	
		    <!-- Other Link -->
		    <?php if($otherLink): ?>
	    	<div class="content-right-2-title" style="margin-top: 20px;">
	    		<h5><?php echo $this->translate('Other_links'); ?></h5>
	    	</div>
		    <?php foreach ($otherLink as $key => $value): ?>
	    	<div class="content-right-2-content" style="padding-left: 30px;">
	        	<ul>
	        		<li>
	        		    <a href="<?php echo "/mice/detail/". $this->t .'-'. $value['id'].'-'.str_replace(' ', '-' ,trim($value['title'])).'.html'; ?>">
	        				<img class="bulleted" src="/static/default/images/bulleted.png">
	        				<?php echo $value['title'] ?>
	        			</a>
	        		</li>
	        	</ul>
	        </div>
	        <?php endforeach; ?>
	    <?php endif; ?>
    </div>
    <div class="span4" id="content-left-2">
        <?php echo $this->partial('/right-render/support.phtml'); ?>
    </div>
</div>

<style>
.span3 {
	float: left;
	width: 220px;
}       
.tb-content {
	width: 95%;
	height: auto;
	margin: 20px 0px 20px 20px;
	padding-bottom: 20px;
	overflow: hidden;	
	border-bottom: 1px dashed #ddd;
}     
.tb-content h4 a {
	color: #F3951F;
}
.travel-content {
	width: 92%;
	margin: 20px 0px 20px 40px;	
}     
.travel-content h4 {
	width: 95%;
	margin: 20px 0px -20px -20px;	
	color: #F3951F;
}     
.span3 ul, ol {
	margin: 0px;
}
.span3 ul li, ol li {
	/*list-style: disc;*/
}
.travel-title {
	line-height: 25px;
	margin: 20px 0px 5px 0px; 
}
ul li {
	list-style: initial;
}
</style>